<template>
  <div class="chatFooter" ref="chatFooter">
    <menuBar></menuBar>
    <typing-area></typing-area>
  </div>
</template>

<script>
import menuBar from './components/menu'
import typingArea from './components/typingArea.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    menuBar,
    typingArea
  },
  methods: {

  },
  mounted () {
  }
}
</script>

<style scoped lang="scss">
.chatFooter {
  position: absolute;
  min-height: 200px;
  max-height: 500px;
  height: 200px;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #dee3ec;
}
</style>
